<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
input {margin:0; padding:0; width:200px; height:200px; text-align:center; line-height:200px;}
</style>
<script>
window.onload = function(){
	
  //第一步：找到所有的、所需要的元素
  var aBtn = document.getElementsByTagName('input');
  var arr = ['1','2','3','4'];
  var len = aBtn.length;
  
  
  //第二步：给所有的按钮（即aBtn[i]表示全部，也能对应每一个）都添加自定义属性、属性值
  for (var i=0;i<len;i++){
	aBtn[i].num = 0;
  
  	//第三步：一切就绪，给所有的按钮（即aBtn[i]）添加点击事件（即是函数）
    aBtn[i].onclick = function (){
		
	  //初始化（未点击时页面的状态）
	 this.value = arr[this.num]; 
	 //设置可逐次点击当前按钮(即递增num值)
     this.num ++;
	 //限制每一个当前按钮num值的上限,使之循环
	 if (this.num === arr.length)  //不能用等号负值！！！！！
	   this.num = 0;
	 }
	  
	 
	  
	
  }

}
</script>
</head>
<body>
  <input type="button" value="">
  <input type="button" value="">
  <input type="button" value="">
</body>
</html>
